.dayword-container {
  padding: 0 20rpx;
  min-height: 100vh;
  // background-color: #f8f0df;

  // background: url(https://i.imgtg.com/2023/01/12/QWaQS.jpg);
  // background-size: 100% 100%;

  .custom-top {
    padding-left: 0;
  }


  .word-con {
    margin-top: 20rpx;
    // background-color: #a5646d;
    border-radius: 16rpx;
    z-index: 2;

    .word-tit {
      padding: 0 10rpx;
      height: 60rpx;
      line-height: 60rpx;
      // color: #f8f0df;
      font-size: 32rpx;
      border-bottom: 2rpx solid #f8f0df;
    }

    .content {
      padding: 20rpx 40rpx;
      // width: 100%;
      // text-indent: 120rpx;
      // color: #f8f0df;
      font-size: 56rpx;
      text-align: justify;
    }
  }


  .love-word-group {
    margin: 20rpx 0;

    .bottom-title {
      padding: 20rpx;
      display: flex;
      align-items: center;
      justify-content: center;

      .handle {
        font-size: 28rpx;
      }
    }

    .group-con {
      // display: flex;
      // flex-wrap: wrap;

      .word-item {
        margin-top: 20rpx;
        padding: 20rpx;
        border-radius: 20rpx;

        .item-title {
          margin-bottom: 20rpx;
          font-size: 34rpx;
        }

        .item-info {
          display: flex;
          align-items: center;
          justify-content: space-between;

          .item-user {
            display: flex;
            align-items: center;

            .avatar {
              margin-right: 10rpx;
              width: 50rpx;
              height: 50rpx;
              border-radius: 50%;
            }

            .nickname {
              font-size: 28rpx;
            }
          }
        }

        .item-time {
          text-align: right;
          font-size: 28rpx;
        }
      }

      .van-swipe-cell__right {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 65px;
        // color: #a5646d;
        // background-color: #f8f0df;
        // border: 1px solid #a5646d;
        border-radius: 16rpx;
      }
    }

    .group-con-none {
      padding: 100rpx 0;
      text-align: center;
    }
  }

  .add-word-con {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    z-index: 99;

    .main {
      padding: 20rpx 20rpx 0;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 80vw;
      transform: translate(-50%, -50%);
      background-color: #fff;
      border-radius: 20rpx;
      overflow: hidden;

      .word-input {
        border-bottom: 1px solid #ccc;
      }

      .add-btn {
        display: flex;
        align-items: center;
        justify-content: space-around;

        .btn {
          flex: 1;
          text-align: center;
          height: 100rpx;
          line-height: 100rpx;
        }
      }

      .handle-word {
        width: 200rpx;
        background-color: #fff;
      }
    }
  }

  .bg-img {
    // z-index: -1;
  }
}